﻿html, body
{
	margin: 0;
	padding: 0;
	background: #fff;
	overflow-y: hidden;
	overflow-x: hidden;
	font-size: 12px;
	font-family: Tahoma;
	_height: 100%;
}

a
{
	color: #45649e;
	border: none;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

a.dark
{
	color: #144E7B;
	border: none;
	text-decoration: none;
}
a.dark:hover
{
	color: #243E6B;
	text-decoration: underline;
}

img
{
	border: none;
}
ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
li
{
	list-style-type: none;
}

.IM_Name
{
	display: block;
	padding-left: 3px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	margin-right: 5px;
	cursor: default;
	float: left;
}
.IM_Face
{
	display: block;
	border: 1px solid #599ce0;
	padding: 1px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	float: left;
}
.IM_Friend
{
	width: 170px;
	margin: 2px 0 2px 18px;
	height: 25px;
	overflow: hidden;
	padding: 2px 0 0 2px;
	cursor: default;
	line-height: 22px;
	clear: both;
	display: block;
}
.IM_Friend:hover
{
	width: 170px;
	margin: 2px 0 2px 18px;
	height: 25px;
	overflow: hidden;
	padding: 2px 0 0 2px;
	cursor: default;
	line-height: 22px;
	clear: both;
	background-color: #f3f3f3;
	display: block;
}
.IM_OffLine
{
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.IM_NewPanelDefault /* 新创建的面版默认样式*/
{
	width: 500px;
	height: 500px;
	background-color: #deeff4;
	border: 1px solid #d0e0f0;
	overflow: hidden;
}

.IM_SidePanel
{
	width: 20px;
	background-color: #CDDEF3;
}
.IM_SidePanel:hover
{
	background-color: #deeff4;
}
.IM_SideTop
{
	height: 17px; /*	background-color: Blue;*/
	margin-top: 0px;
	padding-top: 3px;
	background-image: url(../images/light-hd.gif);
	cursor: default;
}
.IM_SideTop_Img
{
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-left: auto;
	margin-bottom: auto;
	position: relative;
	background-image: url(../images/buttons.gif);
}

.IM_SideTop_Img_Collapsed
{
	/*background-image: url('../images/right_blue.jpg');*/
	background-position: 0px 105px;
}

.IM_SideTop_Img_Collapsed:hover
{
	background-position: 15px 105px;
}

.IM_SideTop_Img_Expanded
{
	background-position: 0px 75px;
}
.IM_SideTop_Img_Expanded:hover
{
	background-position: 15px 75px;
}

.IM_WindowActiveHeader /*窗体激活时标题栏 */
{
	height: 17px; /*	background-color: Blue;*/
	margin-top: 0px;
	padding-top: 3px;
	background-image: url(../images/light-hd.gif);
	clear: both;
	cursor: pointer;
}

.IM_WindowUnActiveHeader /*窗体非激活时标题栏 */
{
	height: 17px; /*	background-color: Blue;*/
	margin-top: 0px;
	padding-top: 3px;
	background-image: url(../images/gray-hd.gif);
	clear: both;
}

.IM_WindowTitle
{
	float: left;
	clear: left;
	overflow: hidden;
	padding-left: 10px;
	color: #0000bb;
	line-height: 20px;
}
.IM_WindowControlBox
{
}

.IM_Window_HeaderButton /* 窗体顶端按钮 */
{
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-left: auto;
	margin-bottom: auto;
	float: right;
	background-image: url(../images/buttons.gif);
}


.IM_Window_Active_CloseButton /* 窗体顶端关闭按钮(非激活) */
{
	background-position: 0px 0px;
}

.IM_Window_Active_MaxButton /* 窗体顶端最大化按钮(非激活) */
{
	background-position: 0px 240px;
}

.IM_Window_Active_NormalButton /* 窗体顶端普通按钮(非激活) */
{
	background-position: 0px 225px;
}

.IM_Window_Active_MinButton /* 窗体顶端最小化按钮(非激活)*/
{
	background-position: 0px 15px;
}

.IM_Window_Active_CloseButton:hover /* 窗体顶端关闭按钮(激活) */
{
	background-position: 15px 0px;
}

.IM_Window_Active_MaxButton:hover /* 窗体顶端最大化按钮(激活) */
{
	background-position: 15px 240px;
}

.IM_Window_Active_NormalButton:hover /* 窗体顶端普通按钮(激活) */
{
	background-position: 15px 225px;
}

.IM_Window_Active_MinButton:hover /* 窗体顶端最小化按钮(激活)*/
{
	background-position: 15px 15px;
}

.IM_ColorButton
{
	background-image: url(../Images/ColorButton.jpg);
	width: 20px;
	height: 20px;
	position: relative;
	border: none;
	margin-top: -2px;
	margin-left:4px;
}

.IM_SendButton:hover
{
	width: 45px;
	height: 25px;
	background-image: url(../Images/btn.gif);
	background-position: 0px -50px;
}
.IM_SendButton
{
	width: 45px;
	height: 25px;
	background-image: url(../Images/btn.gif);
	background-position: 0px 0px;
	border: none;
}

/*滑动条*/
.IM_Vertical
{
	background-color: #FFFFE0;
	border: 1px solid #A9C9E2;
}

.IM_Vertical .IM_Slider
{
	width: 17px;
	height: 10px;
	background: url(../Images/vslider.gif) 0 center no-repeat;
	display: block;
	cursor: pointer;
	position: absolute;
}
.IM_Vertical .IM_Slider_Down
{
	background-position: -17px center;
}

.IM_Vertical .IM_CompletedSide
{
	background: url(../Images/vbar.gif) center top no-repeat;
	position: absolute;
	width: 4px;
}

.IM_Horizontal
{
	background-color: #FFFFE0;
	border: 1px solid #A9C9E2;
}

.IM_Horizontal .IM_Slider
{
	height: 17px;
	width: 10px;
	background: url(../Images/slider.gif) center 0 no-repeat;
	display: block;
	cursor: pointer;
	position: absolute;
}
.IM_Horizontal .IM_Slider_Down
{
	background-position: center -17px;
}

.IM_Horizontal .IM_CompletedSide
{
	height: 4px;
	background: url(../Images/bar.gif) left center no-repeat;
	position: absolute;
}
